<template>
  <div class="balanceAccount">
    <a-table :columns="columns2" :data-source="data" :pagination="false" :rowKey="rowKey">
								<span slot="name" slot-scope="text"
                      style="font-size: 18px;font-weight: 700;color: #380CF4">{{text}}</span>
    </a-table>
  </div>
</template>

<script>
  import { columns2 } from "../columns";
  import { getAccountDetail } from "../../serves";
  import { eventBus } from '@/eventBus'

  export default {
    name: "BalanceAccount",
    data() {
      return {
        columns2,
        data: [],
      }
    },
    mounted() {
      this.getAccountData()
    },
    methods: {
      getAccountData() {
        getAccountDetail().then(res => {
          if (res.status == 200 && res.data.status.code == 200) {
            this.personInfoData = res.data.data
            this.data = [res.data.data]
          } else if (res.data.status.code == 450) {
            this.$message.warning(res.data.message)
            this.$router.push({
              path: '/login'
            })
            eventBus.$emit('isShow', false);
          } else {
            this.$message.warning(res.data.message)
          }
        })
      },
      rowKey(record, index) {
        return index
      }
    }
  }
</script>

<style scoped>

</style>
